<!--课程管理-->
<template>
  <div class="courseIndex">
    <course-list @handleCourseName='getCourseName'></course-list>
  </div>
</template>

<script>
import courseList from './components/list'
import bus from '@/assets/js/busEvent'
export default {
  name: 'courseIndex',
  components: {
    courseList
  },
  // 问题: 在sections组件中,直接通过$on()能够获取数据,但是DOM无法获取数据
  // 解决: 因为$on() 注册事件, $emit 触发事件, 事件应该是先注册后触发
  // 所以在该组件实行先注册 后触发,
  // 再在sections 组件,通过mounted() 里通过bus.xxx(这里是bus.sendCourseName)来接收
  mounted () {
    bus.$on('getCourseName', courseName => {
      bus.sendCourseName = courseName
    })
  },
  methods: {
    getCourseName (val) {
      bus.$emit('getCourseName', val)
    }
  }
}
</script>

<style lang="scss" scoped>
</style>
